<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
	</head>
	<body>
		<ul id="ul1">
			<li>苹果</li>
			<li>梨子</li>
			<li>香蕉</li>
		</ul>
		<p>dadawd</p>
		<p>dadw</p>
		<p>dadawdawdw</p>
		<input type="button" id="btn1" value="添加" />
		<input type="button" id="btn2" value="删除" />
	</body>
	<script type="text/javascript">
		$(function(){	
			
			$("#btn1").click(function(){
				$("#ul1").eq(0).append("<li>橘子</li>")
			
			});
			$("#btn2").click(function(){
				$("#ul1").remove()
			});
			
		});
	</script>
</html>
